<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当当图书榜</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="content">
    <div class="header">
        <img src="img/logo.jpg">
        <ul>
            <li><a href="#">尾品汇</a></li>
            <li><a href="#">当当优品</a></li>
            <li><a href="#">数字馆</a></li>
            <li><a href="#">都看阅器</a></li>
        </ul>
        <img src="img/icon_count.png">
    </div>
    <div class="menu">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">音像</a></li>
            <li><a href="#">童装</a></li>
            <li><a href="#">服装</a></li>
            <li><a href="#">鞋靴</a></li>
            <li><a href="#">运动</a></li>
            <li><a href="#">箱包</a></li>
            <li><a href="#">美妆</a></li>
            <li><a href="#">珠宝</a></li>
            <li><a href="#">家居</a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">酒</a></li>
            <li><a href="#">手机</a></li>
            <li><a href="#">数码</a></li>
            <li><a href="#">电脑</a></li>
            <li><a href="#">家电</a></li>
        </ul>
    </div>
    <div style="margin-top: 10px">
        <img src="img/banner.png">
    </div>
    <div class="book">
        <div><img src="img/bg_bang.gif"></div>
        <div class="bookleft">
            <dl>
                <dt class="dtleft">
                    <img src="img/book-01.jpg">
                    <img src="img/bookNo1.gif">
                </dt>
                <dd class="ddright">
                    <a href="#">偷影子的人</a>
                    <p>作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译</p>
                    <p>出版社：湖南文艺出版社</p>
                    <p>当当价：<span>￥ 17.90</span></p>
                    <p>不知道姓氏的克蕾儿。这就是你在我生命里的角色，<br />
                        我童年时的小女孩，今日蜕变成了女人，一段青梅竹<br />
                        马的回忆，一个时间之神没有应允的愿望。 一个老是<br />
                        受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能<br />
                        力而强大：他能“偷别人的影子”，因而能看见他
                    </p>
                </dd>
            </dl>
        </div>
        <div class="bookright">
            <dl>
                <dt class="dtleft">
                    <img src="img/book-02.jpg">
                    <img src="img/bookNo2.gif">
                </dt>
                <dd class="ddright">
                    <a href="#">看见(央视知名记者、主持人柴静：十年个人<br/>成长的告白，中国社会变迁的备忘 </a>
                    <p>作 者：柴静 著</p>
                    <p>出版社：广西师范大学出版社</p>
                    <p><span>￥ 29.40</span><span>7.4折</span></p>
                </dd>
            </dl>
            <dl>
                <dt class="dtleft">
                    <img src="img/book-03.jpg">
                    <img src="img/bookNo3.gif">
                </dt>
                <dd class="ddright">
                    <a href="#"> 改变孩子先改变自己 </a>
                    <p>作 者：贾容韬 贾毅 著</p>
                    <p>出版社：作家出版社</p>
                    <p><span>￥ 22.20</span><span>7.4折</span></p>
                </dd>
            </dl>
        </div>

    </div>
    <div class="footer">
Copyright (C) 当当网 2004-2017, All Rights Reserved<img src="img/validate.gif">京ICP证041189号出版物经营许可证 新出发京批字第直0673号
    </div>
</div>

</body>
</html>